<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>NIC Awards and Launch Ceremony 2013</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->


    <script src="js/jquery-1.4.2.js" type="text/javascript"></script><style type="text/css"></style>
    <script src="js/jquery.validate.js" type="text/javascript"></script>

    <script src="js/jquery.metadata.js" type="text/javascript"></script>

 <!--   <script type="text/javascript">
      $().ready(function() {
        $.metadata.setType("attr", "validate");

      	$("#registerForm").validate();
      });
    </script> -->
    <script type="text/javascript">
    $().ready(function() {

      $("#optionsRadios1").click(function() {
        $("#studentForm").hide();
        $("#teacherForm").insertAfter("#typeSelect").fadeIn();
		
        $("#stuName").removeAttr("class");
        $("#stuSchool").removeAttr("class");
        $("#stuMobile").removeAttr("class");
        $("#stuEmail").removeAttr("class");
        
        $("#stuName").val("");
        $("#stuSchool").val("");
        $("#stuMobile").val("");
        $("#stuEmail").val("");
        
        $("#school").attr("class", "required");
        $("#name").attr("class", "required");
        $("#mobile").attr("class", "required digits");
        $("#email").attr("class", "required email");
        $("#noStudent").attr("class", "required digits");
        $("#noTeacher").attr("class", "required digits");
      });

      $("#optionsRadios2").click(function() {
        $("#teacherForm").hide();
        $("#studentForm").insertAfter("#typeSelect").fadeIn();
        
        $("#school").removeAttr("class");
        $("#name").removeAttr("class");
        $("#mobile").removeAttr("class");
        $("#email").removeAttr("class");
        $("#noStudent").removeAttr("class");
        $("#noTeacher").removeAttr("class");
        
        $("#school").val("");
        $("#name").val("");
        $("#mobile").val("");
        $("#email").val("");
        $("#noStudent").val("");
        $("#noTeacher").val("");
        
        $("#stuName").attr("class", "required");
        $("#stuSchool").attr("class", "required");
        $("#stuMobile").attr("class", "required digits");
        $("#stuEmail").attr("class", "required email");
      });

    	$.metadata.setType("attr", "validate");

    	$("#registerForm").validate();

    });
    </script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <style type="text/css">
      /* Override some defaults */
      html, body {
        background-color: #eee;
      }
      body {
        /*padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
      }
      .container > footer p {
        text-align: center; /* center align it with the container */
      }
      .container {
        width: 860px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
      }

      .help-inline{
        color:#ff0000;
        font-size:13px;
      }

      /* The white background content wrapper */
      .content {
        background-color: #fff;
        padding: 20px;
        margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
        -webkit-border-radius: 0 0 6px 6px;
           -moz-border-radius: 0 0 6px 6px;
                border-radius: 0 0 6px 6px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
      }

      /* Page header tweaks */
      .page-header {
        background-color: #f5f5f5;
        padding: 20px 20px 10px;
        margin: -20px -20px 20px;
      }

      /* Styles you shouldn't keep as they are for displaying this base example only */
      .content .span10,
      .content .span4 {
        min-height: 500px;
      }
      /* Give a quick and non-cross-browser friendly divider */
      .content .span4 {
        margin-left: 0;
        padding-left: 19px;
        border-left: 1px solid #eee;
      }

      .topbar .btn {
        border: 0;
      }

      .logo {
        display:inline;

      }

      h1.inline{
        display:inline;
      }

      h1#title{
        margin:50px 0px;
        text-align: center;
      }

      label.control-label{
        width:200px !important;
        margin-right:40px;
      }

      .form-horizontal .control-label2 {
        float: left;
        width: 140px;
        padding-top: 5px;
        text-align: right;
        font-size:1.5em;
      }
    </style>

    <!-- Le fav and touch icons
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">-->
  <style type="text/css">@media print { #feedlyMiniIcon { display: none; } }</style>
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-39784122-1', 'techstudio.mobi');
  ga('send', 'pageview');

</script>